<template>
<div >
  <el-card :body-style="{
    paddingBottom: '20px',
    display:'flex',
    flexDirection:'column',
    justifyContent:'center',
    alignContent:'center',
    width:'590px',
    height:'435px'
     }">
    <slot name="img"></slot>
    <slot name="text"></slot>
    <slot name="content"></slot>
<!--    <div class="card-content" style="width: 500px;height: 350px;overflow: hidden;-->
<!--      display: flex;justify-content: space-between" >-->
<!--      <el-image-->
<!--        :src="$props.imgUrl"-->
<!--        style="    width:100%; height: 100%;  object-fit:cover ;"-->
<!--      >-->
<!--      <template slot="error">-->
<!--        <el-image style="width: 500px;height: 350px;" src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"></el-image>-->
<!--      </template>-->
<!--    </el-image>-->
<!--    </div>-->
<!--    <div style="padding: 14px">-->
<!--      <span>活动名称——{{$props.eventName[$props.index]}}</span>-->
<!--      <div class="bottom">-->
<!--        <span class="time"-->
<!--        :title="$props.eventRequest[$props.index]"-->
<!--        style="display: block;-->
<!--        white-space:nowrap;-->
<!--        text-overflow:ellipsis;-->
<!--        overflow:hidden;-->
<!--        text-align: left;">-->
<!--          活动要求:{{$props.eventRequest[$props.index]}}-->
<!--        </span>-->
<!--          <el-button-->
<!--            icon="el-icon-plus"-->
<!--            style="float: right"-->
<!--            type="text"-->
<!--            class="button"-->
<!--            @click="handleSign()">报名</el-button>-->
<!--      </div>-->
<!--    </div>-->
  </el-card>
</div>
</template>

<script>
import {listEvent} from "@/api/volunteer/event";
import {getInfo} from "@/api/login";
import {reportUserEvent} from "@/api/volunteer/user";

export default {
  name: "imgCard",
  created() {
  },
 }
</script>

<style scoped>
.el-card{
  margin-bottom: 10px;
}
</style>
